
<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<title>背景Canvas 3D线条动画特效</title>


<style>
*{margin:0;padding:0;list-style-type:none;}
body {
	background-color: #fff;
	margin: 0px;
	/*overflow: hidden;*/
	font-family:arial;
	color:#fff;
}

#canvas{
	width:100%;
	height:500px;
	overflow: hidden;
	position:absolute;
	top:0;
	left:0;
	background-color: #1a1724;               
}
.canvas-wrap{
	position:relative;
	
}
div.canvas-content{
	position:relative;
	z-index:2000;
	color:#fff;
	text-align:center;
	padding-top:30px;
}
</style>
</head>
<body>

<section class="canvas-wrap">

	<div id="canvas" class="gradient"></div>
	
</section>

<script src="js/three.min.js"></script>
<script src="js/projector.js"></script>
<script src="js/canvas-renderer.js"></script>
<script src="js/3d-lines-animation.js"></script>
<script src="js/jquery.1.7.1.min.js" type="text/javascript"></script>
<script src="js/color.js"></script>

</body>
</html>